<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>（宏）任务和微任务</title>
  </head>
  <body>
    <h2>（宏）任务和微任务</h2>
    <script>
      console.log(1)

      setTimeout(() => {
        console.log(2)
      }, 0)

      const p = new Promise(resolve => {
        console.log(3)
        resolve(4)
      })

      p.then(res => {
        console.log(res)
      })

      const p2 = new Promise(resolve => {
        console.log(5)
        resolve(6)
      })

      p2.then(res => {
        console.log(res)
      })

      console.log(7)

      // 姜：1 7 3 5 2 4 6
      // 周思涵 ：1 3 5 7 2 4 6
      // 周祺，付：1 7 3 4 5 6 2
      // 乐：1 3 4 5 6 7 2
      // 静：1 3 5 7 4 6 2【对的】
      // 侯睿：1 7 2 3 5 4 6
    </script>
    
  </body>
</html>
